<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="index-phone.css">
    <link rel="stylesheet" href="rest.css">
</head>

<body>
    <!-- 商品展示区 -->
    <div class="product-presentation">
        <!-- 手机展示区 -->
        <div class="phone-presentation">
            <!-- 手机导航栏 -->
            <div class="phone-top-nav">
                <h2 class="phone">手机</h2>
                <a class="link-phonemore" href="#">
                    查看更多
                </a>
            </div>
            <!-- 手机下部展示 -->
            <div class="phone-bottom-presentation">
                <!-- 左侧手机展示 -->
                <div class="phone-presentation-left">
                    <a class="K60fhone-presentation" href="https://www.mi.com/shop/buy?product_id=18075">

                        <img class="img-K60phone" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=234&h=614&f=webp&q=90" alt="">
                    </a>
                </div>
                <!-- 右侧手机展示 -->
                <div class="phone-presentation-right">
                    <ul class="ul-phone-right">
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <!-- 第二排展示手机 -->
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="phone-presentation">
            <!-- 手机导航栏 -->
            <div class="phone-top-nav">
                <h2 class="phone">手机</h2>
                <a class="link-phonemore" href="#">
                    查看更多
                </a>
            </div>
            <!-- 手机下部展示 -->
            <div class="phone-bottom-presentation">
                <!-- 左侧手机展示 -->
                <div class="phone-presentation-left">
                    <a class="K60fhone-presentation" href="https://www.mi.com/shop/buy?product_id=18075">

                        <img class="img-K60phone" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/d91bb6cf7da0947e8a6e50e03f4daf06.jpg?thumb=1&w=234&h=614&f=webp&q=90" alt="">
                    </a>
                </div>
                <!-- 右侧手机展示 -->
                <div class="phone-presentation-right">
                    <ul class="ul-phone-right">
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <!-- 第二排展示手机 -->
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                        <li class="phone-iteam phone-iteam-buttom">
                            <a class="link-phone-right" href="https://www.mi.com/shop/buy?product_id=18075" >
                                <img class="img-phone-right" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a6cec580260ceb20ae6a885c2c65c611.png?thumb=1&w=100&h=100&f=webp&q=90" alt="">
                                <p class="phone-name">Redmi K60</p>
                                <p class="phone-desc">骁龙8+｜2K 高光直屏｜5500mAh+67W闪充</p>
                                <p class="phone-price">2499元起</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>





    </div>
</body>

</html>